// pages/search-page/search-page.js
let config = require('../../utils/config')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    hotSearchList: [],
    prodName: "",
    recentSearch: [],
    searchContent: [], //搜索内容
    searchContentShow: false, //显示搜索内容
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 获取热门搜索
    this.getHotSearch();
    // 获取历史搜索
    this.getRecentSearch();
  },

  //热门搜索
  getHotSearch() {
    wx.request({
      url: 'http://localhost:3000/hotSearch',
      method: 'GET',
      success: res => {
        //   console.log(res);
        this.setData({
          hotSearchList: res.data
        })
      },
    })
  },

  /**
   * 获取历史搜索
   */
  getRecentSearch: function () {
    let recentSearch = wx.getStorageSync('recentSearch');
    this.setData({
      recentSearch
    });
  },

  /**
   * 搜索提交
   */
  toSearchProdPage: function () {

    if (this.data.prodName.trim()) {
      // 记录最近搜索
      let recentSearch = wx.getStorageSync('recentSearch') || [];
      recentSearch = recentSearch.filter(item => item !== this.data.prodName)
      recentSearch.unshift(this.data.prodName);
      if (recentSearch.length > 10) {
        recentSearch.pop();
      }
      wx.setStorageSync('recentSearch', recentSearch);

      // 跳转到商品列表页
      wx.navigateTo({
        url: '/pages/search-prod-show/search-prod-show?prodName=' + this.data.prodName,
      })
    }
  },

  /**
   * 清空搜索历史
   */
  clearSearch: function () {
    wx.removeStorageSync('recentSearch');
    this.getRecentSearch();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  // 返回上一页
  goBackIndex: function () {
    wx.navigateBack({
      // url: '/pages/search-page/search-page',
    })
  },

  //输入商品名获取数据 || 绑定输入值
  getSearchContent: function (e) {
    console.log(e.detail.value.trim());
    if (e.detail.value.trim()) {
      this.setData({
        searchContentShow: true,
        prodName: e.detail.value
      })
      wx.request({
        url: config.baseUrl + '/goods?title_like=' + e.detail.value,
        method: 'GET',
        success: res => {
          this.setData({
            searchContent: res.data
          })
        }
      })
    } else {
      this.setData({
        searchContentShow: false,
      })
    }
    // this.data.prodName=e.detail.value
  },

  //点击搜素历史
  onHistSearch: function (e) {
    var name = e.currentTarget.dataset.name;
    this.setData({
      prodName: name
    });
    this.toSearchProdPage();
  },


})